module.exports=[
    {name:'页面传值',
    note:'小程序分为两个部分 webview 和 appService 。其中 webview 主要用来展现 UI ，appService 有来处理业务逻辑、数据及接口调用。',
    code:`
    <div class='c_idea'>
    <dl>
        <dt>跳转传参</dt>
        <dd>
        <pre><code>
        <navigator></navigator>
        open-type为跳转方式
        <navigator url="../pageB/pageB?user_id='12345678'">跳转到B页面</navigator>
        onLoad: function (options) {
            this.setData({
              user_id:options.user_id
            })
        }
        </code></pre>
        </dd>
    </dl>
    <dl>
        <dt>页面给js传参</dt>
        <dd>
        <pre><code>
       data-*属性
       e.currentTarget.dataset
        </code></pre>
        </dd>
    </dl>`
    },
    {
        name:'生命周期',
        code:`
        <div class='c_idea'>
            <dl>
                <dt>onLoad</dt>
                <dd>onLoad 页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数</dd>
            </dl>
            <dl>
                <dt>onShow</dt>
                <dd>onShow() 页面显示/切入前台时触发</dd>
            </dl>
            <dl>
                <dt>onReady</dt>
                <dd>onReady() 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互</dd>
            </dl>
            <dl>
                <dt>onHide</dt>
                <dd>onHide() 页面隐藏/切入后台时触发。 如 navigateTo 或底部 tab 切换到其他页面，小程序切入后台等</dd>
            </dl>
            <dl>
                <dt>onUnload</dt>
                <dd> onUnload() 页面卸载时触发。如 redirectTo 或 navigateBack 到其他页面时</dd>
            </dl>`
    },
    {
        name:'跳转',
        code:`
        <div class='c_idea'>
            <dl>
                <dt>wx.navigateTo()</dt>
                <dd>wx.navigateTo()：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面</dd>
            </dl>
            <dl>
                <dt>wx.redirectTo()：</dt>
                <dd>wx.redirectTo()：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面</dd>
            </dl>
            <dl>
                <dt>wx.switchTab()</dt>
                <dd>wx.switchTab()：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面</dd>
            </dl>
            <dl>
                <dt>wx.navigateBack()</dt>
                <dd>wx.navigateBack()关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层
                </dd>
            </dl>
            <dl>
                <dt>wx.reLaunch()</dt>
                <dd>wx.reLaunch()：关闭所有页面，打开到应用内的某个页面</dd>
            </dl>`
    }
]